<template>
  <div class="popup-demo">
    <zui-button @click="showPopup = true">打开</zui-button>
    <zui-button @click="showDatePickerPopup = true">容纳日期选择组件</zui-button>

    <zui-popup v-model:show="showPopup">
      <div class="popup-content">
        <zui-selector />
      </div>
    </zui-popup>
    <ZuiPopup v-model:show="showDatePickerPopup">
      <van-datetime-picker v-model="currentDate" title="选择日期" />
    </ZuiPopup>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const showPopup = ref()

//***** 选择日期 *****/
const showDatePickerPopup = ref(false)
const currentDate = ref()
</script>

<style lang="scss" scoped>
.popup-demo {
  padding: 20px;
}
.popup-content {
  padding: 20px;
}
</style>
